<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>ระบบฐานข้อมูลครุภัณฑ์</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <link href="public/css/style.css" rel="stylesheet" type="text/css"/>

    <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>

    <!-- Bootstrap -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="public/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css">
    <link href="public/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">
    <link href="public/css/bootstrap.min.css" rel="stylesheet" type="text/css">

    <script type="text/javascript">
        $(document).ready(function () {
            $('#tabs').tabs()
        });
    </script>

</head>
<body id="tabs">
<div class="container-fluid">
<div class="row">


    <div class="col-sm-8 col-sm-offset-2">
        <div class="main">


            <div class="header">


                <div class="logo">

                    <div class="row">
                        <div class="col-md-1 col-sm-12" align="center">
                            <img src="public/img/thammasat logo.jpg" width="90px" height="90px" alt="thammasat logo"
                                 class="img-circle"/>
                        </div>
                        <div class="col-lg-5 col-md-7 col-sm-12" align="center">
                            <h1 style="color:#d9cbbf">ระบบฐานข้อมูลครุภัณฑ์<br>
                                <small style="color:#bfb195">ภาควิชาวิศวกรรมไฟฟ้าและคอมพิวเตอร์</small>
                        </div>

                    </div>

                    <!--table>
                        <tr>
                            <td>
                                <img src="public/img/thammasat logo.jpg" width="90px" height="90px" alt="thammasat logo"
                                     style=" margin-right: 15px; border-radius: 45px;"/>
                            </td>
                            <td>
                                <h1 style="color:#d9cbbf">ระบบฐานข้อมูลครุภัณฑ์<br>
                                    <small>ภาควิชาวิศวกรรมไฟฟ้าและคอมพิวเตอร์</small>
                                </h1>
                            </td>
                        </tr>
                    </table-->



                </div>


            </div>
            <div class="profile">
                <div class="profile_resize">

                    ยินดีต้อนรับคุณ pond!
                    <a class="btn btn-danger" href="home/logout" style="float: right;">Logout</a>

                </div>
            </div>


            <div class="row">
                <div class="content">
                    <div class="col-xs-12 col-sm-4">
                        <div class="sidebar">
                            <div class="gadget">
                                <ul class="nav nav-pills nav-stacked" >
                                    <li>
                                        <a href="#1">หน้าแรก</a>
                                    </li>
                                    <li>
                                        <a href="#2">ค้นหาข้อมูลครุภัณฑ์</a>
                                    </li>
                                    <li>
                                        <a href="#3">เพิ่มข้อมูลครุภัณฑ์</a>
                                    </li>
                                    <li>
                                        <a href="#4">แก้ไขข้อมูลครุภัณฑ์</a>
                                    </li>
                                    <li>
                                        <a href="#5">เปลี่ยนสถานะครุภัณฑ์</a>
                                    </li>

                                    <li>
                                        <a href="#6">ยืมครุภัณฑ์</a>
                                    </li>
                                    <li>
                                        <a href="#7">คืนครุภัณฑ์</a>
                                    </li>
                                    <li>
                                        <a href="#8">ประวัติการยืมครุภัณฑ์</a>
                                    </li>
                                    <li>
                                        <a href="#9">ตรวจสอบข้อมูลครุภัณฑ์</a>
                                    </li>

                                </ul>
                            </div>
                            <div class="gadget">
                                gadget_2
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-8">
                        <div class="mainbar">
                            <div class="article">
                                <div id="1">
                                    <h2>หน้าแรก</h2>

                                    <p>ในหน้านี้จะมีการแจ้งเตือนว่ามีผู้ใช้งานขอยืมครุภัณฑ์บ้าง</p>
                                </div>
                                <div id="2">
                                    <h2>ค้นหาข้อมูลครุภัณฑ์</h2>

                                    <p>ใช้ในการค้นหาข้อมูล จาก ข้อมูลผู้ใช้ หรือ ข้อมูลครุภัณฑ์</p>

                                    <p>ส่วนแสดง จะแสดงข้อมูลต่าง ๆ ของครุภัณฑ์ สถาณะครุภัณฑ์
                                        และจะแสดงปุ่มแก้ไขกับปุ่มเปลี่ยนสถานะ</p>
                                </div>
                                <div id="3">
                                    <h2>เพิ่มข้อมูลครุภัณฑ์</h2>

                                    <form role="form">
                                        <div class="form-group">
                                            <label for="exampleInputEmail1">Email address</label>
                                            <input type="email" class="form-control" id="exampleInputEmail1"
                                                   placeholder="Enter email">
                                        </div>
                                        <div class="form-group">
                                            <label for="exampleInputPassword1">Password</label>
                                            <input type="password" class="form-control" id="exampleInputPassword1"
                                                   placeholder="Password">
                                        </div>
                                        <div class="form-group">
                                            <label for="exampleInputFile">File input</label>
                                            <input type="file" id="exampleInputFile">

                                            <p class="help-block">Example block-level help text here.</p>
                                        </div>
                                        <div class="checkbox">
                                            <label class="checkbox-inline">
                                                <input type="checkbox" id="inlineCheckbox1" value="option1"> 1
                                            </label>
                                            <label class="checkbox-inline">
                                                <input type="checkbox" id="inlineCheckbox2" value="option2"> 2
                                            </label>
                                            <label class="checkbox-inline">
                                                <input type="checkbox" id="inlineCheckbox3" value="option3"> 3
                                            </label>
                                        </div>
                                        <label class="radio-inline">
                                            <input type="radio" name="inlineRadioOptions" id="inlineRadio1"
                                                   value="option1"> 1
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="inlineRadioOptions" id="inlineRadio2"
                                                   value="option2"> 2
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="inlineRadioOptions" id="inlineRadio3"
                                                   value="option3"> 3
                                        </label>


                                        <button type="submit" class="btn btn-default">Submit</button>
                                    </form>

                                </div>
                                <div id="4">
                                    <h2>4</h2>

                                    <p>ในหน้านี้จะมีการแจ้งเตือนว่ามีผู้ใช้งานขอยืมครุภัณฑ์บ้าง</p>
                                </div>
                                <div id="5">
                                    <h2>5</h2>

                                    <p>ในหน้านี้จะมีการแจ้งเตือนว่ามีผู้ใช้งานขอยืมครุภัณฑ์บ้าง</p>
                                </div>
                                <div id="6">
                                    <h2>6</h2>

                                    <p>ในหน้านี้จะมีการแจ้งเตือนว่ามีผู้ใช้งานขอยืมครุภัณฑ์บ้าง</p>
                                </div>
                                <div id="7">
                                    <h2>7</h2>

                                    <p>ในหน้านี้จะมีการแจ้งเตือนว่ามีผู้ใช้งานขอยืมครุภัณฑ์บ้าง</p>
                                </div>
                                <div id="8">
                                    <h2>8</h2>

                                    <p>ในหน้านี้จะมีการแจ้งเตือนว่ามีผู้ใช้งานขอยืมครุภัณฑ์บ้าง</p>
                                </div>
                                <div id="9">
                                    <h2>9</h2>

                                    <p>ในหน้านี้จะมีการแจ้งเตือนว่ามีผู้ใช้งานขอยืมครุภัณฑ์บ้าง</p>
                                </div>
                            </div>
                            <div class="article">
                                article_2
                            </div>
                        </div>
                    </div>
                    <div class="clr"></div>
                </div>
            </div>

            <div class="footer">
                <div class="footer_resize">
                    <p class="lf">Copyright 2014 All Rights Reserved</p>

                    <p class="rf">Faculty of Engineering, Thammasat University.</p>

                    <div class="clr"></div>
                </div>
            </div>


        </div>
    </div>


</div>
</div>

<script type="text/javascript" src="public/js/bootstrap.min.js"></script>
</body>
</html>